.mikufun_cecream{
  max-width: 2560px;
  margin: 0 auto;
  background-color: white;
  font-family: inherit;
}

/* public相同样式覆盖 */
heade{
  display: none;
}

/* 用户中心基础样式 */
.mikufun_header_hide{
  position: relative;
  opacity: 1;
  box-shadow: 1px 0.1px;
}
main{
  margin: 0 auto;
  width: 88%;
}
.usercenter{
  position: relative;
  width: 100%;
  height: 200px;
  background-image: url("../img/mikufun/message-bg.png");
  background-size: cover;
  border: #d9d9c4 solid 0.3px;
}
.userinfo{
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  background: linear-gradient(to top,rgba(0, 0, 0,0.6),rgba(255, 255, 255, 0));
}
.userinfo .userimg{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: white solid 2px;
  overflow: hidden;
}
.username{
  color: white;
  margin-left: 10px;
}
.usexSexTag{
  color: #23a8f2;
  font-size: 25px;
  margin-left: 10px;
}
.uservipTag{
  color: #b9b9b6;
  margin-left: 10px;
}
.selectinfo{
  margin-top: -2px;
  width: 100%;
  padding: 20px 20px;
  border: #d9d9c4 solid 0.3px;
}
.selectinfo>span{
  margin-left: 20px;
  padding-bottom: 22px;
  text-align: center;
  cursor: pointer;
}
.selectinfo>a{
  margin-left: 20px;
  padding-bottom: 22px;
  text-align: center;
  cursor: pointer;
}
.spanactive{
  border-bottom: #25b0f3 solid 4px;
}
.selecttag1{
  color: #00c091;
  font-size: 20px;
}
.selecttag2{
  color: #02b5da;
  font-size: 20px;
}
.selecttag3{
  color: #f3a034;
  font-size: 20px;
}
.selecttag4{
  color: #fb7299;
  font-size: 20px;
}
.selectinfo>span span{
  color: black;
  font-size: 16px;
  margin-left: 3px;
}
.selectinfo>a>span>span{
  color: black;
  font-size: 16px;
  margin-left: 3px;
}
.selectinfo>span span:hover{
  color: #21a2f1;
}
.selectinfo>a>span>span:hover{
  color: #21a2f1;
}
/* 显示对应页面的开关 */
/* 我的视频操作页 */
.myVideo{
  display: block;
  width: 100%;
  margin-top: 10px;
  border: #d9d9c4 solid 0.3px;

}

.myvoideInfo{
  min-height: 400px;
}
.myvoideHeader{
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: #d9d9c4 solid 0.3px;
  padding: 10px 20px;
  padding-right: 50px;
}
.myoption{
  display: flex;
  width: 35%;
  align-items: center;
  justify-content: space-between;

}
.userVoideSerach{
  background-color: white;
  border: #25b0f3 solid 1px;
  border-radius: 15px;
  text-align: center;
  padding-left: 10px;
}
.biguser{
  margin-top: 3px;
}
.userVoideSerach input{
  height: 30px;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 15px;
}
.serachbtnMV{
  margin-right: 20px;
  border: #25b0f3 solid 1px;
  border-radius: 5px;
  padding: 3px 10px;
  color: #25b0f3;
  cursor: pointer;
}
.topvoide{
  /* margin-right: 50px; */
  border: #25b0f3 solid 1px;
  border-radius: 5px;
  padding: 3px 10px;
  color: #25b0f3;
  cursor: pointer;
}

/*我的视频记录记录主体*/
.history{
  margin-bottom: 100px;
}
.historybox{
  height: 130px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.historybox .time{
  text-align: center;
  line-height: 130px;
  margin-left: 30px;
  color: gray;
  font-size: 13px;
}
.historybox img{
  width: 160px;
  height: 100px;
  border-radius: 10px;
  margin-left: 80px;
  margin-top: 13px;
}
.historybox img a{
  cursor: pointer;
}
.historybox p{
  width: 400px;
  height: 20px;
  margin-top: 13px;
  margin-left: 15px;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
}
.historymsg{
  position: absolute;
  bottom: 10px;
  left: 40%;
  border-bottom: 1px solid rgb(197, 197, 197);
}
.historymsg span{
  display: inline-block;
  margin-right: 200px;
  color: gray;
  font-size: 12px;
  margin-bottom: 10px;
} 
.historybox .delbtn{
  width: 15px;
  position: absolute;
  right: 100px;
  cursor: pointer;
}

/* 投稿  发布视频*/
.upVideo{
  display: none;
  width: 100%;
  margin-top: 10px;
  border: #d9d9c4 solid 0.3px;
  padding-bottom: 100px;
}
.upvoideHeader{
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: #d9d9c4 solid 0.3px;
  padding: 10px 20px;
  padding-right: 50px;
}
.upvoideInfo{
  padding: 20px 40px;
}
.upvoideform{
  display: flex;
}
.upvoidetext{
  display: flex;
  flex-direction: column;
}
/* 标题 */
.upvoideform .title{
  border: #d9d9c4 solid 0.8px;
  height: 30px;
  width: 300px;
  border-radius: 12px;
  padding: 0 10px;
  margin-bottom: 10px;
}
/* 简介 */
.upvoideform .intro{
  height: 200px;
  padding: 5px 5px;
  margin-top: 5px;
}
/* 视频图片封面 */
.upvoideform .upimgbox{
  border: #b9b9b6 dashed 2px;
  width: 30%;
  height: 300px;
  margin-left: 40px;
  padding: 10px 10px;
}
.upimgbox .imgCanvas{
  width: 100%;
  height: 100%;
  background-image: url("../img/mikufun/icon_add_img.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.upimgbox .imgbutton{
  position: relative;
}
.upvoideform .upvoideimg{
  position: relative;
  opacity: 0;
  width: 100%;
  cursor: pointer;
}

.upvoideform .upimgbox span{
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  background-color: #25b0f3;
  text-align: center;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: 500px;
  cursor: pointer;
} 
/* 视频内容 */
.upvoideform .upvoidebox{
  position: relative;
  width: 40%;
  margin-left: 40px;
}
.upvoideform .voideCanvas{
  background-image: url("../img/bilibili/video-placeholder.png");
  background-size:100% 100%;
}

.upvoidebox .videobutton{
  position: relative;
  width: 100%;
}
.upvoideform .upvoide{
  position: relative;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.upvoideform .upvoidebox span{
  position: absolute;
  width: 40%;
  opacity: 1;
  width: 100%;
  height: 100%;
  background-color: #25b0f3;
  text-align: center;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: 500px;
  cursor: pointer;
}
.voideCanvas video{
  width: 100%;
  height: 100%;
}

/* 发布视频按钮 */
.uploadvoide{
  width: 200px;
  height: 30px;
  background-color: #25b0f3;
  margin-top: 50px;
  margin-left: 40%;
  cursor: pointer;
}

/* 我的收藏 */
/* 我的视频操作页 */
.myloveVideo{
  display: none;
  width: 100%;
  margin-top: 10px;
  border: #d9d9c4 solid 0.3px;
  /* height: 400px;
  max-height: 2000px; */
  /* overflow: auto; */
}
.myloveHeader{
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: #d9d9c4 solid 0.3px;
  padding: 10px 20px;
  padding-right: 50px;
}
/* .myoption{
  display: flex;
  width: 30%;
  align-items: center;
  justify-content: space-between;

} */
.userVoideSerach{
  background-color: white;
  border: #25b0f3 solid 1px;
  border-radius: 15px;
  text-align: center;
  padding-left: 10px;
}
.biguser{
  margin-top: 3px;
}
.userVoideSerach input{
  height: 30px;
  line-height: 20px;
  padding: 2px 10px;
  border-radius: 15px;
}
.topvoide{
  margin-right: 50px;
  border: #25b0f3 solid 1px;
  border-radius: 5px;
  padding: 3px 10px;
  color: #25b0f3;
  cursor: pointer;
}
.serachbtnML{
  margin-right: 150px;
  border: #25b0f3 solid 1px;
  border-radius: 5px;
  padding: 3px 10px;
  color: #25b0f3;
  cursor: pointer;
}

/*我的视频记录记录主体*/
.guess{
  display: flex;
  flex-wrap: wrap;
  max-height:830px;
  overflow: hidden;
}
 .guessbox{
  width: 150px;
  overflow: hidden;
  margin-left: 20px;
  margin-bottom: 10px;
}
.guessbox img{
  width: 150px;
  height: 230px;
  border-radius: 10px;
}
 .guessbox p{
  margin-top: 7px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
}
 .guessbox span{
  color: gray;
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  text-overflow: ellipsis;
}
/*修改用户信息弹框*/
/* .updateuserinfo{
  position: fixed;
  width: 400px;
  background-color: white;
  height: 200px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid red;
  padding: 20px;
  padding-top: 10px;
}
.mask{
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100vw;
  height: 100vh;
  z-index: 3;
  background-color: rgb(0, 0, 0,0.5);
}

.conbtn{
  display: inline-block;
  width: 80px;
  height: 40px;
  background-color: #fb7299;
  line-height: 40px;
  color: white;
  text-align: center;
  border-radius: 10px;
  margin-top: 20px;
}
.updateuserinfo input{
  border: 1px solid gray;
  border-radius: 10px;
} */

